<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- 
    Document   : Cadastro de Usuario
    Created on : May 15, 2014, 10:31:20 AM
    Author     : root
    Pagina  : pagina 2
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cadastro de usuário</title>
        
    <style>
        table{
                margin-right: auto;
                margin-left: auto;
        }
        h1{
            text-align: center;
        }
        #submit{
            margin-left: 50%;
            margin-top: 2%;
        }
            
    </style>
    <script>
            //adiciona mascara ao telefone
            function valida(obj)
            {
                var letras = /\b[a-z A-Z]{1,}\b/;
                tel = /\(\d{2}\)\d{4}\-\d{4}/;
                email = /\b[a-z0-9._%+-]+@[a-z0-9]+\.[a-z]{2,4}\b/;
                senhaMasc = /(?=.*[A-Z].*)(?=.*\d.*)(?=.*[a-z].*)(?=.*[#$%&@*].*).{5,}/;
                
                
                var nome = obj.nome.value.toUpperCase();
                var cidade = obj.cidade.value.toUpperCase();
                var estado = obj.estado.value;
                var telefone = obj.telefone.value;
                var login = obj.email.value;
                var senha = obj.senha.value;
                var confSenha = obj.confsenha.value;
                 
                 
                if(nome == "")
                {
                    alert('Campo nome e obrigatorio!');
                    obj.nome.focus();
                    return false;
                } else if(!letras.test(nome))
                {
                    alert('Campo nome invalido!');
                    obj.nome.focus();
                    return false;
                } 
                
                if(cidade =="")
                {
                    alert('Campo cidade e obrigatorio!');
                    obj.cidade.focus();
                    return false;
                } else if(!letras.test(cidade))
                {
                    alert('Campo cidade invalido!');
                    obj.cidade.focus();
                    return false;
                } 
                
                if(estado == "Selecione")
                {
                    alert('Selecione um estado!');
                    obj.estado.focus;
                    return false;
                }
            
                
                if(telefone == "")
                {
                    alert('Campo telefone e obrigatorio!');
                    obj.telefone.focus();
                    return false;
                } else if(!tel.test(telefone))
                {
                    alert('Numero de Telefone Invalido!');
                    obj.telefone.focus();
                    return false;
                }
                
                if(login ==""){
                    alert('Campo login e obrigatorio!');
                    obj.email.focus();
                    return false;
                } else if(!email.test(login)){
                    alert('Login invalido!');
                    return false;    
                }
                
                if(senha =="")
                {
                    alert('Campo senha e obrigatorio!');
                    obj.senha.focus();
                    return false;
                }
                
                if(confSenha == "")
                {
                    alert('Campo confirmacao de senha e obrigatorio!');
                    obj.confsenha.focus();
                    return false;
                } else if(senha != confSenha)
                {
                    alert('Senhas nao conferem!');
                    obj.senha.focus();
                    return false;
                } else if(senha.length < 5)
                {
                    alert('Senha deve ter no minimo 5 caracteres!');
                    obj.senha.focus();
                    return false;
                } else if(senha.length > 8)
                {
                    alert('Senha deve ter no maximo 8 caracteres!');
                    obj.senha.focus();
                    return false;
                }
                else if(!senhaMasc.test(senha))
                {
                    alert("Senha deve conter no minimo um caracter minusculo, um maiusculo e um caracter especial(#$%&@*)");
                    return false;
                }
                return true; 
            }    
            
        </script>
    
    </head>
    <body>
        
    <c:choose>
        <c:when test="${param.anterior == 'index.jsp'}">
        <h1>Cadastro de usuário</h1>
        <form onsubmit="return valida(this)" action="ServletCadastro?acao=novoUsuario" method="post">
            <table>
                <tr>
                    <td>Nome Completo:</td><td><input type="text" name="nome"></td>
                </tr>
                <tr>
                    <td>Cidade:</td><td><input type="text" name="cidade"></td>
                </tr>
                <tr>
                    <td>Estado:</td><td><select name="estado">
                            <option value="AC">AC</option>
                            <option value="AL">AL</option>
                            <option value="AP">AP</option>
                            <option value="AM">AM</option>
                            <option value="BA">BA</option>
                            <option value="CE">CE</option>
                            <option value="DF">DF</option>
                            <option value="AC">AC</option>
                            <option value="ES">ES</option>
                            <option value="GO">GO</option>
                            <option value="MA">MA</option>
                            <option value="MT">MT</option>
                            <option value="MS">MS</option>
                            <option value="MG">MG</option>
                            <option value="PA">PA</option>
                            <option value="PB">PB</option>
                            <option value="PR">PR</option>
                            <option value="PE">PE</option>
                            <option value="PI">PI</option>
                            <option value="RJ">RJ</option>
                            <option value="RN">RN</option>
                            <option value="RS">RS</option>
                            <option value="RO">RO</option>
                            <option value="RR">RR</option>
                            <option value="SC">SC</option>
                            <option value="SP">SP</option>
                            <option value="SE">SE</option>
                            <option value="TO">TO</option>                            
                        </select></td>
                </tr>
                
                <tr><td>Telefone:</td><td><input type="text" name="telefone"></td></tr>
                <tr><td>Login:</td><td><input type="text" name="email"></td></tr>
                <tr><td>Senha:</td><td><input type="password" name="senha"></td></tr>
                <tr><td>Confirmar senha:</td><td><input type="password" name="confsenha"></td></tr>
               
            </table>
             <input id="submit" type="submit" name="submit" value="Cadastrar dados">
        </form>
        
        <p align="center"><a href="${param.anterior}">Voltar</a></p>       
        
        </c:when>
        
        <c:otherwise>             
        <h1>Editar dados de usuário</h1>
        <jsp:useBean id="usuario" class="model.Usuario" scope="session"/>
            <form onsubmit="return valida(this)" action="ServletCadastro?acao=alteraDados" method="post">
                <table>
                    <tr>
                        <td>Nome Completo:</td><td><input type="text" name="nome" value="${usuario.nome}"></td>
                    </tr>
                    <tr>
                        <td>Cidade:</td><td><input type="text" name="cidade" value="${usuario.cidade}"></td>
                    </tr>
                    <tr>
                        <td>Estado:</td><td><select name="estado">
                                <option value="${usuario.estado}" selected>${usuario.estado}</option>
                                <option value="AC">AC</option>
                                <option value="AL">AL</option>
                                <option value="AP">AP</option>
                                <option value="AM">AM</option>
                                <option value="BA">BA</option>
                                <option value="CE">CE</option>
                                <option value="DF">DF</option>
                                <option value="AC">AC</option>
                                <option value="ES">ES</option>
                                <option value="GO">GO</option>
                                <option value="MA">MA</option>
                                <option value="MT">MT</option>
                                <option value="MS">MS</option>
                                <option value="MG">MG</option>
                                <option value="PA">PA</option>
                                <option value="PB">PB</option>
                                <option value="PR">PR</option>
                                <option value="PE">PE</option>
                                <option value="PI">PI</option>
                                <option value="RJ">RJ</option>
                                <option value="RN">RN</option>
                                <option value="RS">RS</option>
                                <option value="RO">RO</option>
                                <option value="RR">RR</option>
                                <option value="SC">SC</option>
                                <option value="SP">SP</option>
                                <option value="SE">SE</option>
                                <option value="TO">TO</option>                            
                            </select></td>
                    </tr>

                    <tr><td>Telefone:</td><td><input type="text" name="telefone" value="${usuario.telefone}"></td></tr>
                    <tr><td>Login:</td><td><input type="text" name="email" value="${usuario.login}"></td></tr>
                    <tr><td>Senha:</td><td><input type="password" name="senha"></td></tr>
                    <tr><td>Confirmar senha:</td><td><input type="password" name="confsenha"></td></tr>

                </table>
                 <input id="submit" type="submit" name="submit" value="Atualizar dados">
            </form>
        <p align="center"><a href="${param.anterior}">Voltar</a></p>
        </c:otherwise>
    </c:choose>

        
       
        
    </body>
</html>
